<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"  xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<meta charset="utf-8">
<head th:include="mall/advert/include::header"></head>
<body class="gray-bg">
	<div class="wrapper wrapper-content animated fadeInRight">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-title">
						<h5>添加圈子</h5>
					</div>
					<div class="ibox-content">
						<form class="form-horizontal m-t" id="signupForm">
							<div class="form-group">
								<label class="col-sm-3 control-label">圈子类型:</label>
								<div class="col-sm-8">
									<select data-placeholder="" class="form-control chosen-select"  tabindex="30" id="type_id" name="type_id">
										<option th:each="item: ${circleType}" th:text="${item.type_name}"  th:value="${item.type_id}"></option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">选择会员:</label>
								<div class="col-sm-8">
									<input class="form-control" id="mermber_id" name="mermber_id" type="hidden" />
									<input class="form-control" id="username" name="username" onclick="relateMember()" placeholder="点击绑定会员" readonly="" type="text" />
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">内容:</label>
								<div class="col-sm-8">
									<input id="content" name="content" class="form-control" type="text" maxlength="500">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label"> 图片1： </label>
								<div class="col-sm-8">
									<div class="input-group ">
										<input type="text" name="pig1" id="pig1" value="" class="form-control" autocomplete="off">
										<span class="input-group-btn">
												<button class="btn btn-sm btn-default" type="button"  style="padding:7px 10px"  onclick="onSelectImgBtnClick('pig1','pig1')">选择图片</button>
										</span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label"> 图片2： </label>
								<div class="col-sm-8">
									<div class="input-group ">
										<input type="text" name="pig2" id="pig2" value="" class="form-control" autocomplete="off">
										<span class="input-group-btn">
												<button class="btn btn-sm btn-default" type="button"  style="padding:7px 10px"  onclick="onSelectImgBtnClick('pig2','pig2')">选择图片</button>
										</span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label"> 图片3： </label>
								<div class="col-sm-8">
									<div class="input-group ">
										<input type="text" name="pig3" id="pig3" value="" class="form-control" autocomplete="off">
										<span class="input-group-btn">
												<button class="btn btn-sm btn-default" type="button"  style="padding:7px 10px"  onclick="onSelectImgBtnClick('pig3','pig3')">选择图片</button>
										</span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label"> 图片4： </label>
								<div class="col-sm-8">
									<div class="input-group ">
										<input type="text" name="pig4" id="pig4" value="" class="form-control" autocomplete="off">
										<span class="input-group-btn">
												<button class="btn btn-sm btn-default" type="button"  style="padding:7px 10px"  onclick="onSelectImgBtnClick('pig4','pig4')">选择图片</button>
										</span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label"> 图片5： </label>
								<div class="col-sm-8">
									<div class="input-group ">
										<input type="text" name="pig5" id="pig5" value="" class="form-control" autocomplete="off">
										<span class="input-group-btn">
												<button class="btn btn-sm btn-default" type="button"  style="padding:7px 10px"  onclick="onSelectImgBtnClick('pig5','pig5')">选择图片</button>
										</span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label"> 图片6： </label>
								<div class="col-sm-8">
									<div class="input-group ">
										<input type="text" name="pig6" id="pig6" value="" class="form-control" autocomplete="off">
										<span class="input-group-btn">
												<button class="btn btn-sm btn-default" type="button"  style="padding:7px 10px"  onclick="onSelectImgBtnClick('pig6','pig6')">选择图片</button>
										</span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label"> 图片7： </label>
								<div class="col-sm-8">
									<div class="input-group ">
										<input type="text" name="pig7" id="pig7" value="" class="form-control" autocomplete="off">
										<span class="input-group-btn">
												<button class="btn btn-sm btn-default" type="button"  style="padding:7px 10px"  onclick="onSelectImgBtnClick('pig7','pig7')">选择图片</button>
										</span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label">图片8： </label>
								<div class="col-sm-8">
									<div class="input-group ">
										<input type="text" name="pig8" id="pig8" value="" class="form-control" autocomplete="off">
										<span class="input-group-btn">
												<button class="btn btn-sm btn-default" type="button"  style="padding:7px 10px"  onclick="onSelectImgBtnClick('pig8','pig8')">选择图片</button>
										</span>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label"> 图片9： </label>
								<div class="col-sm-8">
									<div class="input-group ">
										<input type="text" name="pig9" id="pig9" value="" class="form-control" autocomplete="off">
										<span class="input-group-btn">
												<button class="btn btn-sm btn-default" type="button"  style="padding:7px 10px"  onclick="onSelectImgBtnClick('pig9','pig9')">选择图片</button>
										</span>
									</div>
								</div>
							</div>
							<div class="form-group" id="videoDiv">
								<label class="col-sm-3 control-label">视频:</label>
								<div class="col-sm-6">
									<input id="video" name="video" class="form-control" type="text"  onblur="onThumbBlur()" readonly placeholder="上传视频">
								</div>
								<div class="col-sm-2">
									<button class="btn btn-primary" type="button" onclick="onSelectVideoBtnClick('video','video');">
										<i class="fa fa-check"></i>选择媒体文件</button>
								</div>
							</div>

							<div class="form-group text-center">
								<div class="col-sm-8 col-sm-offset-2">
									<button type="submit" class="btn btn-primary"><i class="fa fa-check"></i>提交</button>
									<div class="btn btn-danger" onclick="closeDow()"><i class="fa fa-remove"></i> 关闭</div>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div th:include="mall/advert/include::footer"></div>
	<script type="text/javascript" src="/js/appjs/member/circle/addCirclePage.js">
	</script>
	<script type="text/javascript">
		function closeDow() {
			var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
			parent.layer.close(index);
		}
	</script>
</body>

</html>
